<template>
    <div class="editor">
        <div class="introduce">PC富文本编辑器</div>
        <PcEditor ref="editorPC" class="editorPC" v-model="pcDetail"  @change="changePC" />
        <div class="introduce">Phone富文本编辑器</div>
        <PhoneEditor class="editorPhone" ref="editorPhone" v-model="phoneDetail"  @change="changePhone" />
    </div>
</template>

<script>
import PcEditor from '@/components/slot/Editor/PcEditor'
import PhoneEditor from '@/components/slot/Editor/PhoneEditor'
export default {
    name:'Assembly',
    components:{
        PcEditor,
        PhoneEditor
    },
    data() 
    {
        return {
            pcDetail:"",
            phoneDetail:""
        }
    },  
    methods: {
        changePC(val) 
        {
            console.log(val)
        },
        changePhone(val)
        {
            console.log(val)
        }
    }
}
</script>

<style lang="less" scoped>
    .editor
    {
        .introduce
        {
            padding: 20px 0;
        }
        .editorPhone
        {
            width: 300px;
        }
    }
</style>